import React ,{ useState, useEffect }from  'react'
/**
 * 
 * @read
 * hook 钩子  别人做好的东西,直接拿来用的
 */
function App (){
    //    state    setState           initVAalue 初始值
    const [title, setTitle] = useState('hooks'); //参数也可以通过外界来传递
    //初次渲染的时候的值是child
    //setTitle 会接受一个新的值 进行重新渲染

    useEffect(()=>{
        
    }, [title])//setTilte 可以被忽略的
    return (
        <>
           <div>
              <h1>hooks booksReader { title }</h1>
             {/* 执行后总是最先渲染 , setTitle的参数可以是一个函数*/}
              {/* <button onClick={()=> setTitle('React hooks')}>hooks two </button> */}
              {/* 利用原来的老值来更新 */}
              <button onClick={()=> setTitle((preTitle)=> preTitle +'reactHooks')}>hooks two </button>
           </div>
        </>
    )
  
}

export default App